
  
    <link rel="stylesheet" href="css/default/default.css" type="text/css" media="screen" />
     
    <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
    
    <div id="wrapper">
        <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <img src="Pic/slide1.jpg" />
                <img src="Pic/slide2.jpg" />
                <img src="Pic/slide3.jpg" />
            </div>
            <div id="htmlcaption" class="nivo-html-caption">
                <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. 
            </div>
        </div>

    </div>
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
